<x-buttons [space]="space" [hiddenBorder]="hiddenBorder">
  <x-button *ngIf="showEllipsis" [icon]="'fto-chevrons-left'" [disabled]="firstActivated" (click)="jump(1)"></x-button>
  <x-button
    [icon]="'fto-chevron-left'"
    [title]="'pagination.previous' | xI18n"
    [disabled]="leftDisabled"
    (click)="jump(-1, true)"
  ></x-button>
  <x-button *ngFor="let item of indexes; trackBy: trackByItem" [activated]="getActivated(item)" (click)="jump(item)">{{ item }}</x-button>
  <x-button [icon]="'fto-chevron-right'" [title]="'pagination.next' | xI18n" [disabled]="rightDisabled" (click)="jump(1, true)"></x-button>
  <x-button *ngIf="showEllipsis" [icon]="'fto-chevrons-right'" [disabled]="lastActivated" (click)="jump(lastIndex)"></x-button>
</x-buttons>
<x-button *ngIf="showTotal" class="x-pagination-total" [type]="hiddenBorder === true ? 'text' : 'initial'"
  >{{ 'pagination.total' | xI18n }} {{ total }} {{ 'pagination.item' | xI18n }}</x-button
>
